/*
/*杨洪强
/*领券中心
/*2018/10/25
*/
@import "../../lib/base.less";
body{background-color: #f5f5f5; 
    >.shop-header-w{width: 100%;background-color: #ffffff;
        >.shop-header{width: 1200px;margin: 0 auto;height: 119px;border-top:1px solid #ffffff;
            >.shop-logo{float: left;background-image: url("@{imgRootDeep}/index_logo.2.png");width: 155px;height: 70px;margin: 14px 0 0 0;
                
            }
            >.shop-title{float: left;width: 113px;height: 43px;margin: 37px 0 0 11px;border-left: 1px solid #e1e1e1;font-size: 22px;line-height: 43px;text-align: right;color: #666666;}
            >.shop-search{float: left;width: 546px;height: 40px;border: 2px solid #e64545;position: relative;margin: 36px 0 0 121px;
                >input{width: 450px;height: 40px;text-indent: 15px;color: #666666;}
                >button{width: 96px;height: 41px;background-color: #e64545;float: right;color: #ffffff;font-size: 16px;cursor: pointer;}
                >.shop-index{position: absolute;top: 10px;left: 15px;
                    >span{background-color: #f5f5f5;color: #999999;line-height: 20px;display: inline-block;padding: 0 5px 0 5px;margin: 0 5px 0 0;cursor: pointer;
                        >a{color: #999999;}
                    }
                }
            } 
        }
    }
    >.shop-nav-w{height: 38px;
        >.shop-nav{width: 100%;height: 38px;border-bottom: 2px solid #e64545;background-color: #ffffff;
            >.shop-nav-in{width: 1200px;margin: 0 auto;height: 38px;
                >li{float: left;height: 30px;font-size: 14px;width: 100px;padding: 10px 0 0 0;position: relative;
                    >a{display: inline-block;text-align: center;width: 99px;border-right: 1px solid #cccccc;
                        >i{display: inline-block;background-image: url("@{imgRootDeep}/shop-Details.3.png");width: 9px;height: 5px;margin: 0 0 0 6px;}
                    }
                    >a:hover{color: #e64545;}
                    >.class-all{z-index: 2;position: absolute;width: 400px;background-color: #ffffff;top: 40px;right: 0;border: 1px solid #e1e1e1;border-top: none;padding: 20px 0 0 40px;display: none;
                        >a{float: left;width: 98px;height: 33px;}
                        >a:hover{color: #e64545;}
                    }
                }
                >.shop-li-s{background-color: #e64545;
                    >a{border-color: #e64545;color: #ffffff;}
                }
            }
        }
        >.shop-fixed{z-index: 2;position: fixed;top: 0;}
    }

    >.shop-banner{width: 1200px;height: 360px;margin: 0 auto;margin-top: 30px;
        >.shop-carousel-map{width: 735px;height: 360px;float: left;overflow: hidden;
            >.items{
                >.item{
                    >a>img{width: 100%;height: 100%;}
                }
            }
            >.shop-controller{position: absolute;padding: 0 0 0 9px;left: 50%;bottom: 34px;
                >div{width: 8px;height: 8px;border: 2px solid #ffffff;border-radius: 50%;float: left;margin-right: 9px;}
                >.shop-div-s{background-color: #ffffff}
            }
        }
        >.shop-banner-index{width: 456px;height: 360px;float: left;position: relative;
            >img{z-index: -1;position: absolute;top: 0;left: 0;width: 456px;height: 360px;}
            >.shop-left{width: 201px;height: 360px;float: left;
                >a{display: block;width: 117px;height: 41px;border: 2px solid #ffffff;border-radius: 21px;margin: 279px 0 0 45px;color: #ffffff;text-align: center;line-height: 41px}
            }
            >.shop-right{float: left;width: 255px;height: 353px;padding: 7px 0 0 0;
                >.shop-item{width: 244px;height: 110px;margin: 0 0 5px 0;border-radius: 2px;background-image: url("@{imgRootDeep}/index.jingdao.png");cursor: pointer;position: relative;
                    >a{
                        >.q-price{height: 30px; padding-top: 20px;margin: 0 15px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;
                            >em{display: inline-block;vertical-align: top;vertical-align: top;font-size: 18px;font-family: verdana;}
                            >strong{font-size: 34px;line-height: 30px}
                            >.q-limit{display: inline-block;*display: inline;*zoom: 1;height: 20px;padding: 0 2px;margin-top: 9px; margin-left: 5px;overflow: hidden;font-size: 12px;*background-color: #fff;background: rgba(255,255,255,.7);border-radius: 2px;line-height: 20px;color: #f23030;vertical-align: top;}
                        }
                        >.q-opbtns{position: absolute;top: 0; right: 0;width: 45px;height: 110px;color: #fff;
                            >span{display: block;width: 20px;line-height: 18px;margin: 36px auto 0;color: #fff;text-align: center;}
                        }
                        >.q-range{
                            >div{margin: 0 15px;padding-top: 10px;height: 36px;line-height: 18px;overflow: hidden;width: 160px;color: #fff;}
                        }
                    }

                }
            }
        }
        
    }
    >.shop-main{width: 1200px;margin: 0 auto;padding: 0 0 30px 0;
        >.shop-header{height: 80px;line-height: 80px;text-align: center;font-size: 20px;
            >.shop-img{background-image: url("@{imgRootDeep}/title.png");display: inline-block;width: 31px;height: 9px;vertical-align: middle;margin: 0 7px 0 7px;} 
        }
        >.shop-main{overflow: hidden;width: 1230px;
            >.shop-item{width: 380px;height: 150px;float: left;margin: 0 30px 30px 0;background-color: #ffffff;position: relative;
                >.shop-left{float: left;padding: 20px 0 0 20px;overflow: hidden;
                    >.shop-img{width: 110px;height: 110px;background-color: #f8f8f8;float: left;margin: 0 20px 0 0;transition: all .2s;
                        text-align: center;line-height: 110px;max-width: 110px;max-width: 110px;
                    }
                    >.shop-content{float: left;
                        >.shop-price{color: #e64545;
                            >.shop-num{font-size: 26px;line-height: 26px;}
                            >.shop-condition{height: 20px;background-color: #fbf5db;line-height: 20px;padding: 0 6px 0 6px;display: inline-block;vertical-align: top;margin-top: 5px;}
                        }
                        >.shop-store-name{margin: 20px 0 0 0;line-height: 12px;}
                        >.shop-progress-bar{margin: 40px 0 0 0;line-height: 12px;
                            >.shop-progress{float: right;width: 100px;height: 10px;background-color: #eeeeee;border-radius: 5px;position: relative;overflow: hidden;margin: 0 0 0 5px;
                                >div{display: block;background-color: #f7b2b2;position: absolute;top: 0;left: -70px;width: 100px;height: 10px;border-radius: 5px;}
                            }
                            >.shop-finish{display: none;}
                        }
                    }
                }
                >.shop-right{background-image: url("@{imgRootDeep}/ImmediateVouchers.png");width: 48px;height: 150px;position: absolute;right: 0;top: 0;
                    >a{width: 100%;height: 100%;display: inline-block;}
                }
            }
            >.shop-item:hover .shop-left>.shop-img{transform: translateX(5px);}
            >.shop-item-finish{
                >.shop-left{
                    >.shop-content{
                        >.shop-price{color: #cccccc;
                            >.shop-condition{background-color: #f8f8f8;}
                        }
                        >.shop-progress-bar{
                            >span, div{display: none;}
                            >.shop-finish{display: initial;}
                        }
                    }
                }
                >.shop-right{background-image: url("@{imgRootDeep}/ImmediateVouchers.2.png");}
            }
        }
        >.shop-next-classification{text-align: center;}
        >.shop-next-classification:hover a{color: #e64545;}
    }
    // >.shop-pop-ups{
    //     >.shop-mask{background-color: #000;position: fixed;width: 100%;height: 100%;top: 0px; opacity: .5;}
    //     >.shop-pop-ups-in{width: 480px;height: 225px;position: fixed;background-color: #fff;top: 50%;left: 50%;margin: -112px 0 0 -240px;border: 5px solid #666;
    //         >.shop-title{font-size: 14px;font-weight: 600;line-height: 40px;background-color: #f5f5f5;text-indent: 15px;
    //             >.shop-img{background-image: url("@{imgRootDeep}/cancel.png");float: right;width: 10px;height: 10px;margin: 15px 12px 0 0;cursor: pointer;}
    //         }
    //     }
    // }
    
}

           